
body {
    align-content: center;
    align-items: center;
    background: #0C1212;
}

#app_container {
    padding: 5px;
    width:100%;
    max-width: 460px;
    border-color: #000000;
    border-width: 10px;
    border-radius: 2px;
    background-color: #E8AE5B;
    position: fixed;
}

#allmap {
    width: 100%;
    height: 500px;
}

#r-result input {
    width: 100px;
    margin: 5px;
}

#button_container {
    width: 100%;
}

    #button_container button {
        margin: 10px;
        width: 100%;

    }

#gift_details_container {
    background-color: white;   
}


.modal .modal-dialog {
    background-color: white;
    border-radius: 5px;
    max-width: 440px;
    width:95%;
}

#publish_gift {
    width: 100%;
}

#payment_button_container {
    width: 100%;
    align-content: center;
    align-items: center;
}

    #payment_button_container button {
        width: 100%;
    }